<template>
    <div class="table">
        <div class="crumbs">
            <el-breadcrumb separator="/">
                <el-breadcrumb-item><i class="el-icon-menu"></i> 战队中心</el-breadcrumb-item>
            </el-breadcrumb>
           
          

        </div>
        <el-table :data="teamsCenter" border style="width: 100%" ref="multipleTable" @selection-change="handleSelectionChange">
        
            <el-table-column prop="owe_group_title" label="战队名称"    width="120">
            </el-table-column>

            <el-table-column  label="封面图" width="120">
             <template scope="scope">
              <img :src="scope.row.owe_group_img" width="100%"/>
            </template>
            </el-table-column>

              <el-table-column  label="战队logo" width="80">
             <template scope="scope">
              <img :src="scope.row.owe_group_logo" width="100%"/>
            </template>
            </el-table-column>

        
            <el-table-column   prop="u_tel"    label="战队主题色"  width="80">
            <template scope="scope">
            <div :style="'width:40px;height:40px;background:'+scope.row.owe_group_color"></div>
            </template>
            </el-table-column>
                <el-table-column prop="owe_group_content"    label="战队简介">
            </el-table-column>
             <el-table-column  prop="owe_group_admire"   label="战队票数" width="100"> 
           
            </el-table-column>
         
            <el-table-column label="操作" width="100" >
                <template scope="scope">
                     <el-button size="small"  @click="handleEdit(scope.row)">编辑</el-button>
                </template>
            </el-table-column>
        </el-table>


    </div>
</template>

<script>
import * as rpConfig from '../../../rpConfig/constant'
import { HttpReq } from '../../service/server'
var Server = new HttpReq()
export default {
    data() {
        return {
          
            teamsCenter: []
        
        }
    },
    created() {
        this.getData()
    },
    computed: {},
    methods: {
     
        getData() {
            let self = this
            Server._POST(
                rpConfig.API_URI + '/oweset.Index/getTeamCenter', {},
                function(res) {
                    self.teamsCenter = res.data
                }
            )
        },
        handleEdit(row) {
            this.$router.push('/teamedit/'+row.owe_group_id)
        },
        handleSelectionChange(val) {
            this.multipleSelection = val
        }
    }
}
</script>

<style scoped>
.handle-box {
  margin-bottom: 20px;
}
.handle-select {
  width: 120px;
}
.handle-input {
  width: 300px;
  display: inline-block;
}
  .item {
    margin-bottom: 18px;
    cursor: pointer;
  }
  .item:hover{
      color:#44b549
  }
  .curgroup{
      color:#44b549 
  }

</style>